<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>..::EducaTrânsito::..</title>

        <script type="text/javascript">	
            /* Direcionando para URL mobile do site */
            
            if (navigator.userAgent.match(/Android/i) ||
                navigator.userAgent.match(/webOS/i) ||
                navigator.userAgent.match(/iPhone/i) ||
                navigator.userAgent.match(/iPad/i) ||
                navigator.userAgent.match(/iPod/i))
            {
                window.location.replace('#{facesContext.externalContext.requestContextPath}/mobile/index.xhtml');                
            }
            
        </script>

    </h:head>

    <h:body>

        <div id="tudo">

            <div id="top">
                <h:form>
                    <table>
                        <tr>
                            <td width="20%" align="center">
                                <p:graphicImage url="/resources/imagens/EducaTransito.png" width="100%" alt="educacao_no_transito"/>
                            </td>
                            <td width="60%" align="center"> 
                                <ui:insert name="top">EducaTransito</ui:insert> 
                            </td>
                            <td align="right"> 
                            </td>
                            <td width="20%" align="center">
                                <h:outputLink value="https://www.facebook.com/pages/Educatr%C3%A2nsito/440718635994865?fref=ts" target="blank" >
                                    <p:graphicImage url="/resources/imagens/facebook.jpg" width="50%" alt="educacao_no_transito"/>
                                </h:outputLink>
                            </td>
                        </tr>
                    </table>   
                </h:form>

                <table cellpadding="0" cellspacing="1" width="100%">
                    <tr>
                        <td height="18px">
                            <font color="#63625e" size="2">
                                <h:outputText value="#{loginManagedBean.cabecalho}"/>
                            </font>
                        </td>
                    </tr>

                    <tr>
                        <td height="3px" bgcolor="#6a5e5e">

                        </td>
                    </tr>
                    <tr>
                        <td height="1px">

                        </td>
                    </tr>
                </table> 
                <h:form id="formMenu">
                    <p:menubar>
                        <p:menuitem id="home" value="Home" url="/index.xhtml"/>  
                        <p:submenu label="Controle de Usuário" rendered="#{loginManagedBean.tipoUsuario == 'Administrador'}"> 
                            <p:menuitem id="inserirTipoUsuario" value="Tipos de Usuário" url="/tipousuario/List.xhtml"/>  
                            <p:menuitem id="listUser" value="Usuários" url="/usuario/List.xhtml"/>  
                        </p:submenu> 

                        <p:submenu label="Controle de Recursos" rendered="#{loginManagedBean.tipoUsuario == 'Administrador'}">  
                            <!--<p:menuitem id="inserirQuestao" value="Nova Questão" url="/questoes/Create.xhtml"/>-->
                            <p:menuitem id="inserirTipoRecurso" value="Tipo de Recurso" url="/tiporecurso/List.xhtml"/>   
                            <p:menuitem id="inserirRecurso" value="Recurso" url="/recurso/List.xhtml"/>   
                            <p:menuitem id="inserirTexto" value="Texto" url="/texto/List.xhtml"/>   
                        </p:submenu>  

                        <p:submenu label="Estudos">  
                            <p:menuitem id="legisTransito" value="Legislação de Trânsito" url="/legislacao_transito.xhtml" />  
                            <p:menuitem id="placas" value="Placas" url="/placas.xhtml" />  
                            <p:menuitem id="seguranca" value="Segurança" url="/seguranca.xhtml"/>    
                            <p:menuitem id="videosAulas" value="Videos Aulas" url="/videos_aulas.xhtml"/>  
                        </p:submenu> 

                        <p:submenu label="Dicas">  
                            <p:menuitem id="primeirosSocorros" value="Primeiros Socorros" url="/primeiros_socorros.xhtml" />
                            <p:menuitem id="motociclistas" value="Motociclistas" url="/motociclistas.xhtml"/>    
                            <p:menuitem id="probMecanicos" value="Principais problemas mecânicos" url="/problemas_mecanicos.xhtml" />  
                            <p:menuitem id="antesViajar" value="Antes de Viajar" url="/antes_de_viajar.xhtml"/>   
                        </p:submenu> 
                        
                         <p:submenu label="Curiosidades">  
                            <p:menuitem id="caminhoneiros" value="Caminhoneiros" url="/caminhoneiros.xhtml"/>  
                            <p:menuitem id="noticiaTransito" value="Nóticias sobre trânsito" url="/noticias_transito.xhtml"/> 
                            <p:menuitem id="motoristaOnibus" value="Motoristas de Ônibus" url="/motoristas_de_onibus.xhtml"/> 
                            <p:menuitem id="TabLicenciamnto" value="Tabela de Licenciamento de veículos" url="/tabela_licenciamento.xhtml"/>  
                        </p:submenu> 

                        <p:menuitem id="listarTopicos" value="Forum" url="/forum/List.xhtml" rendered="#{loginManagedBean.usuarioLogado == true}"/>  

                        <p:menuitem id="login" value="Login" url="/login.xhtml" rendered="#{loginManagedBean.usuarioLogado == false}"/>
                        <p:menuitem id="logout" value="Logout" action="#{loginManagedBean.efetuarLogout()}" rendered="#{loginManagedBean.usuarioLogado == true}"/>

                    </p:menubar>
                </h:form>
            </div>               

            <div id="content" class="center_content">
                <ui:insert name="content">Content</ui:insert>
            </div>
            <div id="bottom">
                <table width="100%" border="0">
                    <tr><td height="1px"></td></tr>
                    <tr><td height="3px" ></td></tr>

                    <tr align="center"><td height="18px" >
                            <!--<font color="#63625e">
                                © 2012 PPGCCS - EducaTransito - UFSCar <i>Campus</i> Sorocaba
                            </font>-->
                        </td></tr>
                </table> 
            </div>

        </div>

    </h:body>

</html>
